/**
 * Created by pengzhenjin on 14-11-17.
 */

var options = {
    mode: "horizontal",     //slides滑动方式，水平
    slidesPerView: 2,   //旋转模式下，设置slider's容器能够同时显示的slides数量。另外，支持'auto'值，会根据容器container的宽度调整slides数目。‘auto’不兼容loop模式
    calculateHeight: true, //当值为true时，Swiper根据slides内容计算容器高度。响应式布局中或不知道slides高度时十分有用（就像响应式的图片）
    roundLengths: true,    //值为true时，Swiper会四舍五入宽度和高度，在响应式的滑块中包含误差时十分有用。//
    loop: false     //是否循环滑动，true（循环）false（不循环）
};

$(document).ready(function () {
    initTemplateTheme();
    $("#nav_next").click(function () {
        nextStep();
    });
    $("#nav_back").click(function() {
        back();
    });
});
//判断编辑状态还是展示状态
function shouldShowbottom() {
    var container = $("#container");
    var height = $(window).height() - 47;
    container.height(height);
}
/**
 * 初始化模板风格
 */
function initTemplateTheme() {
    shouldShowbottom();
    var mySwiper1 = new Swiper(".swiper-container", options);
    var t = $("#t_id").val();
	$(".color_col").each(function(i) {
        $(this).click(function() {
            var index = i + 1;
            var homeSrc = "http://182.92.111.163/baisi/webroot/res/images/t"+t+"/small/" + index + "/1.png";
            var pageSrc = "http://182.92.111.163/baisi/webroot/res/images/t"+t+"/small/" + index + "/2.png";
            $("#template_home").attr('src', homeSrc);
            $("#template_page").attr('src', pageSrc);
            
            $(".color_col img").each(function(key, value) {
                value.src = 'http://182.92.111.163/baisi/webroot/res/images/template1/color' + (key+1) + '_nor.png';
            });
            $("#color").val(index);
            $(this).children(".color_head").children("img").attr('src', 'http://182.92.111.163/baisi/webroot/res/images/template1/color' + index + '_sl.png');
        });
    });
}

//跳转到下一步
function nextStep() {
	$("#set_home").submit();
    //window.location.href = "template1index.html"
}
//返回
function back() {
    window.history.back();
}
